// 选项卡 + 二级菜单
function Tab(option, type) {
    // console.log(option);
    this.ele = document.querySelector(option)
    console.log(this.ele);
    this.btns =this.ele.querySelectorAll('#navi li')
    console.log(this.btns);
    this.boxs = this.ele.querySelectorAll('.content > div')
    console.log(this.boxs);
    // console.log(this.ele);
    this.type = type || 'click'
    this.change()
}
Tab.prototype.change = function () {
    for (let i = 0; i < this.btns.length; i++) {
        this.btns[i].addEventListener(this.type, () => {
            for (let j = 0; j < this.btns.length; j++) {
                this.btns[j].classList.remove('active')
                this.boxs[j].classList.remove('active')
            }
            this.btns[i].classList.add('active')
            this.boxs[i].classList.add('active')
        })
    }
}
new Tab('.grid-col1', 'mouseover')
 let erji = document.querySelector('.grid-col1');
 let aaa=document.querySelector('.content')
 erji.addEventListener('mouseover',()=>{
     aaa.style.display = 'block'
 })
 erji.addEventListener('mouseout',()=>{
    aaa.style.display = 'none'
})





// 搜索框
const inp = document.querySelector('#text');
// console.log(inp);
const ul = inp.nextElementSibling;
// console.log(ul);

// 随着搜索框输入内容返回结果
inp.addEventListener('input', () => {
    // 去除输入内容的空格
    let text = inp.value.trim()
    // 创建script标签
    let script = document.createElement('script')
    // jsonp跨域拿到返回值
    // 京东接口不给返回值，用的百度的
    script.src = `https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web&sugsid=31254,26350&wd=${text}&req=2&csor=1&cb=fun&_=1652836668718`
    // 将结果输出到input后面
    document.body.appendChild(script)
    // 将使用过的script标签删除
    script.remove()
})

// jsonp请求到的返回值
function fun(res) {
    console.log(res);
    // 如果没有res.g证明没有返回值了，就让ul隐藏
    if (!res.g) {
        ul.style.display = 'none'
    }

    // 设置一个空字符串
    let str = ''
    // 将res.g遍历放入空字符串内
    res.g.forEach(item => {
        str += `
        <li>${item.q}</li>
        `
    })
    // 将空字符串输出到ul内
    ul.innerHTML = str;
    // 让ul显示
    ul.style.display = 'block'
}